<link rel="stylesheet" href="https://file.viplgw.cn/ui/thinku-ielts-new/css/headLine.css?v=1.1.2">

<section id="headline">
    <!-- 此处为左右侧边栏位置-->
    <p class="headlineTitle"><a href="/">首页</a> > <a href="/news.html">雅思资讯</a> > <a href="/news/shenyou.html">申友头条</a> > 正文</p>
    <div class="headlineCover">
        <div class="headlineLeft">
            <div class="headArticleName">
                <h1 class="articleTitle"><?php echo $detail['name']?></h1>
                <div class="articleAuth">
                    <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/13@2x.png" alt="">
                    <span class="authName"><?php echo $detail['author']==false?'申友':$detail['author']?></span>
                    <span class="authTime">发表于<?php echo $detail['pushTime']==false?date('Y-m-d',$detail['createTime']):date('Y-m-d',$detail['pushTime'])?></span>
                </div>
            </div>
            <!-- 正文内容-->
            <div class="articleContent">
                <?php echo $detail['content']?>
            </div>
            <!-- 资讯推荐 -->
            <div class="infoRecommon">
                <p class="recommonTitle">资讯推荐</p>
                <?php foreach($recommend as $v){?>
                <a href="<?php echo $v['cate']==3?'/news-headline/'.$v['id'].'.html':'/news-information/'.$v['id'].'.html'?>" class="recommonItem"><p><?php echo $v['name']?></p> <span><?php echo $v['author']==false?'申友':$v['author']?>发布于<?php echo $v['pushTime']==false?date('Y-m-d',$v['createTime']):date('Y-m-d',$v['pushTime'])?></span></a>
                <?php }?>
            </div>
        </div>
        <div class="headlineRight">
            <!-- 关注-->
            <div class="follow">
                <div class="followName">
                    <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/23@2x.png" alt="">
                    <p>申友雅思与<br>英联邦留学</p>
                    <a href="javascript:void(0)" @click="showQR()">关注</a>
                </div>
                <div class="followDes">
                    申友雅思官方公众号。最新考情、留学资讯、 雅思精选资料、雅思精品提分课程都在这里～
                </div>
                <div class="followMore">
                    原创内容 &nbsp;&nbsp;&nbsp; 敬请关注
                </div>
                <div class="followQr" v-show="qrCode" @click="showQR()"><img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/24@2x.png" alt=""></div>
            </div>
            <!-- 成功案例-->
            <div class="hotCourseCover">
                <div class="rightTitle">
                    <p>成功案例</p>
                    <a href="/case.html">MORE <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/4@2x.png" alt=""></a>
                </div>
                <!-- item in 6 删掉-->
                <?php foreach ($case as $k => $v) {
                    if (is_numeric($k)) {?>
                        <a href="/case-detail/<?php echo $v['id'] ?>.html"
                           class="meansItem">
                            <?php echo $v['name']  ?>
                        </a>
                    <?php }
                } ?>
            </div>
            <!-- 热门课程 -->
            <div class="hotCourseCover">
                <div class="rightTitle">
                    <p>申友雅思热门课程</p>
                    <a href="/mall.html">MORE <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/4@2x.png" alt=""></a>
                </div>
                <!-- item in 2 删掉-->
                <?php foreach ($course as $v) { ?>
                <div class="hotCourseItem" >
                    <p class="itemCourseTitle">
                        <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/5@2x.png" alt="">
                        <span><?php echo $v['name']?></span>
                    </p>
                    <p class="courseInfo">
                        <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/7@2x.png" alt="">
                        <?php echo  $v['classTime']?></p>    <p class="courseInfo">
                        <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/6@2x.png" alt="" >
                        <?php echo  $v['duration']?>课时
                    </p>
                    <div class="courseBtn">
                        <a href="https://p.qiao.baidu.com/cps/chat?siteId=16998561&userId=33849315&siteToken=0848542c0e71b685b68768fcec8e99ef" target="_blank" class="zxBtn">立即咨询</a>
                        <a href="/course-detail/<?php echo $v['id']?>.html" class="detailBtn">查看详情</a>
                    </div>
                </div>
                <?php }?>
            </div>
            <!-- 电话 -->
            <div class="phone">
                <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/20@2x.png" alt="">
                <p class="numberCode">
                    <span>服务热线</span>
                    <span>400-600-1123</span>
                </p>
            </div>
            <!-- 重点推荐 -->
            <div class="hotCourseCover">
                <div class="rightTitle">
                    <p>重点推荐</p>
<!--                    <a href="https://ielts.thinkwithu.com/gaofen.html">MORE <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/4@2x.png" alt=""></a>-->
                </div>
                <div class="keyPoint">
                    <?php foreach($focus as $v){?>
                        <a href="<?php echo $v['url']?>" class="keyPointItem"><p></p><span><?php echo $v['name']?></span></a>
                    <?php }?>
<!--                    <a href="https://ielts.thinkwithu.com/guide.html" class="keyPointItem"><p></p><span>雅思考试报名</span></a>-->
<!--                    <a href="https://ielts.thinkwithu.com/guide.html" class="keyPointItem"><p></p><span>雅思考试费用</span></a>-->
<!--                    <a href="https://ielts.thinkwithu.com/course.html" class="keyPointItem"><p></p><span>雅思精品课程</span></a>-->
<!--                    <a href="https://ielts.thinkwithu.com/ceshi.html" class="keyPointItem"><p></p><span>雅思水平测试</span></a>-->
<!--                    <a href="https://ielts.thinkwithu.com/ceshi.html" class="keyPointItem"><p></p><span>雅思核心词汇</span></a>-->
<!--                    <a href="https://ielts.neea.cn/" class="keyPointItem"><p></p><span>雅思报名官网</span></a>-->
<!--                    <a href="https://ielts.thinkwithu.com/ceshi.html" class="keyPointItem"><p></p><span>雅思听力评分</span></a>-->
<!--                    <a href="https://ielts.thinkwithu.com/ceshi.html" class="keyPointItem"><p></p><span>雅思阅读评分</span></a>-->
                </div>
            </div>
    </div>
    </div>
</section>

<script>
    window.app = new Vue({
        el: '#headline',
        data() {
            return{
                qrCode:false,
            }
        },
        created() {


        },
        mounted() {

        },
        methods: {
            showQR(){
                this.qrCode = !this.qrCode
            },
        }
    });
</script>
